<style>
  educational-banner {
    --feature-icon-src: url(/foreground/images/files/ui/drive_logo.svg);
  }

  /* action-button's hover effect is handled by hoverBackground. */
  :host-context([theme='refresh23'])
      cr-button.action-button:hover::part(hoverBackground) {
    background-color: var(--cros-sys-hover_on_prominent);
    display: block;
  }
</style>
<educational-banner>
  <span slot="title">
    Make everything in your Google Drive available when you’re offline
  </span>
  <span slot="subtitle">
    This will automatically download all files in your My Drive, allowing you to
    access and edit your files without an internet connection.
  </span>
  <cr-button slot="extra-button" class="action-button"> Learn more </cr-button>
</educational-banner>
